<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	template="../layoutsBackOffice/accueilBOLayout.xhtml">


	<ui:define name="body">
		<h:form id="accueilBO_form">
			<p:panel id="gestionProduits_panel" styleClass="vsvPanel">
				<h2>Gestion des produits</h2>
				<h:outputLabel value="Rechercher " />
				<h:inputText id="recherche_inputText"
					value="#{mbGestionProduits.rechercheTextuelle }" />
				<h:outputLabel for="categorie_select" value="Catégorie :" />
				<h:selectOneMenu id="categorie_select"
					value="#{mbGestionProduits.listeCategoriesSelected }">
					<f:selectItem itemLabel="Selectionnez" itemValue="" />
					<f:selectItems value="#{mbGestionProduits.listeCategories }" />
				</h:selectOneMenu>

				<h:outputLabel for="sousCategorie_select" value="Sous-catégorie :" />
				<h:selectOneMenu id="sousCategorie_select"
					value="#{mbGestionProduits.listeSousCategoriesSelected }">
					<f:selectItem itemLabel="Selectionnez" itemValue="" />
					<f:selectItems value="#{mbGestionProduits.listeSousCategories }" />
				</h:selectOneMenu>

				
				<p:commandButton value="OK" id="filtrerProduits_button"
					action="#{mbGestionProduits.rechercheMulticritere }" styleClass="ui-button" update="accueilBO_form" />


				<p:commandButton value="Tout afficher" id="afficherTout_button"
					action="#{mbGestionProduits.rechercheTout }" />


				
				<p:dataTable value="#{mbGestionProduits.listeProduits}"
					var="produit" id="datatable_listeProduitGestion"
					resizableColumns="true" paginator="true" paginatorPosition="bottom"
					rows="7" sortBy="#{produit.libelle}" sortOrder="ascending"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,25,50,100" paginatorAlwaysVisible="true"
					emptyMessage="Il n'y a pas de produit dans la base">
					<p:column headerText="Id" style="width:5%" sortBy="#{produit.id}">
						<h:outputText value="#{produit.id}" />
					</p:column>
					<p:column headerText="Libellé" style="width:37%" sortBy="#{produit.libelle}">
						<h:outputText value="#{produit.libelle}" />
					</p:column>
					<p:column headerText="Categorie" style="width:10%" sortBy="#{produit.categoriePrimaire}">
						<h:outputText value="#{produit.categoriePrimaire}" />
					</p:column>
					<p:column headerText="Sous-Categorie" style="width:15%" sortBy="#{produit.categorie.valeur}">
						<h:outputText value="#{produit.categorie.valeur}" />
					</p:column>
					<p:column headerText="Stock" style="width:6%" sortBy="#{produit.stock}">
						<h:outputText value="#{produit.stock}" />
					</p:column>
					<p:column headerText="Mise en ligne" style="width:15%" sortBy="#{produit.dateMiseEnLigne}">
						<h:outputText value="#{produit.dateMiseEnLigne}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>
					<p:column headerText="Modifier" style="width:12%;" >
						<p:commandButton id="modifier_produit_button" value="modifier"
							process="@this">
							<f:setPropertyActionListener value="#{produit}"
								target="#{mbTest.listeProduit}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>

	</ui:define>
</ui:composition>

